<template>
  <el-header>
    <el-page-header :icon="null">
    <template #content>
      <div class="flex items-center">        
        <span class="text-large font-600 mr-3"> ruissixue </span>
        <span class="text-sm mr-2" style="color: var(--el-text-color-regular)">
          xyx20010217@163.com
        </span>
        <el-tag>在线</el-tag>
      </div>
    </template>
    <template #extra>
      <div class="flex items-center">
        <el-button>登录</el-button>
        <el-button type="primary" class="ml-2">注册</el-button>
      </div>
    </template>
  </el-page-header>
  </el-header>

</template>
<script>

</script>
<style scoped>

.el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
</style>
